<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>安家桐城登录</title>
    <%@include file="/common/common-ico.jsp" %>
    <link rel="icon" href="${allServerPath}favicon.ico" type="image/x-icon"/>
    <meta name="description" content="User login page"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <%--<link rel="stylesheet" href="${allServerPath}static/layui/layui/css/layui.css"/>--%>
    <%@include file="common/common-css.jsp" %>
    <style>
        .main-background {
            background-image: url("${allServerPath}static/images/background/jiaxiaobang.jpeg");
            background-repeat: no-repeat;
            background-size: cover;
        }

        #userinfo {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 30%;
            width: 50%;
            margin: -15% 0 0 -25%;
        }

        .login-box .toolbar {
            background: #F7F7F7;
            border-top: 2px solid #F7F7F7;
        }

        .login-box .forgot-password-link {
            color: #337ab7;
        }

        .login-box .user-signup-link {
            color: #337ab7;
        }
    </style>
</head>

<body class="login-layout main-background">
<div class="main-container">
    <div class="main-content">
        <div class="row" id="userinfo">
            <div class="col-sm-10 col-sm-offset-1">
                <div class="login-container">
                    <%--<div class="center">--%>
                    <%--<h1>--%>
                    <%--<i class="ace-icon fa fa-leaf green"></i>--%>
                    <%--<span class="red">驾校邦</span>--%>
                    <%--<span class="white" id="id-text2">后台管理系统</span>--%>
                    <%--</h1>--%>
                    <%--&lt;%&ndash;<h4 class="blue" id="id-company-text">&copy; 无厘学车</h4>&ndash;%&gt;--%>
                    <%--</div>--%>

                    <div class="space-6"></div>

                    <div class="position-relative">
                        <div id="login-box" class="login-box visible widget-box no-border">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <div style="text-align: center"><img
                                            src="${allServerPath}static/images/background/jiaxiaobang.jpg" width="80">
                                    </div>
                                    <div style="text-align: center;margin-top: 20px;color: red;background-image: url('${allServerPath}static/images/background/xian.png');background-repeat: no-repeat;background-size: contain">
                                        <h5>小程序后台管理系统</h5>
                                        <%--<img--%>
                                        <%--src="${allServerPath}static/images/background/xian.png">--%>
                                    </div>
                                    <%--<h4 class="header blue lighter bigger">--%>
                                    <%--<i class="ace-icon fa fa-coffee green"></i>--%>
                                    <%--请输入您的信息--%>
                                    <%--</h4>--%>

                                    <div class="space-6"></div>

                                    <form id="loginForm" action="${allServerPath}web/member/login.htmls" method="post">
                                        <fieldset>
                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" name="userName" class="form-control"
                                                                   placeholder="用户名"/>
															<i class="ace-icon fa fa-user"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
                                                <span class="block input-icon input-icon-right">
                                                    <input type="password" class="form-control"
                                                           placeholder="密码" name="password"/>
                                                    <i class="ace-icon fa fa-lock"></i>
                                                </span>
                                            </label>

                                            <div class="space"></div>

                                            <div class="clearfix">

                                                <button type="button" id="btnLogin"
                                                        class="btn btn-sm btn-danger width-100">
                                                    <i class="ace-icon fa fa-key"></i>
                                                    <span class="bigger-110">登录</span>
                                                </button>
                                            </div>

                                            <div class="space-4"></div>
                                        </fieldset>
                                    </form>
                                </div>
                                <!-- /.widget-main -->

                                <div class="toolbar clearfix">
                                    <div><%--data-target="#forgot-box"--%>
                                        <a class="forgot-password-link" id="wjmm">
                                            <i class="ace-icon fa fa-arrow-left"></i>
                                            忘记密码
                                        </a>
                                    </div>

                                    <div>
                                        <a href="#" data-target="#signup-box" class="user-signup-link">
                                            注册
                                            <i class="ace-icon fa fa-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!-- /.widget-body -->
                        </div>
                        <!-- /.login-box -->
                        <!--忘记密码-->
                        <%--<div id="forgot-box" class="forgot-box widget-box no-border">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <h4 class="header red lighter bigger">
                                        <i class="ace-icon fa fa-key"></i>
                                        重置密码
                                    </h4>

                                    <div class="space-6"></div>
                                    <p>
                                        邮箱
                                    </p>

                                    <form>
                                        <fieldset>
                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="email" class="form-control"
                                                                   placeholder="邮箱"/>
															<i class="ace-icon fa fa-envelope"></i>
														</span>
                                            </label>

                                            <div class="clearfix">
                                                <button type="button" class="width-35 pull-right btn btn-sm btn-danger">
                                                    <i class="ace-icon fa fa-lightbulb-o"></i>
                                                    <span class="bigger-110">发送邮件</span>
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                                <!-- /.widget-main -->

                                <div class="toolbar center">
                                    <a href="#" data-target="#login-box" class="back-to-login-link">
                                        返回登录
                                        <i class="ace-icon fa fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                            <!-- /.widget-body -->
                        </div>
                        <!-- /.forgot-box -->
                        --%>
                        <div id="signup-box" class="signup-box widget-box no-border">
                            <div class="widget-body">
                                <div class="widget-main">
                                    <h4 class="header lighter bigger" style="color: red;border-bottom: none;">
                                        <%--<i class="ace-icon fa fa-users blue"></i>--%>
                                        新用户注册
                                    </h4>

                                    <%--<div class="space-6"></div>--%>
                                    <%--<p> 详细信息: </p>--%>

                                    <form id="registerForm">
                                        <fieldset>
                                            <%--<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="email" class="form-control"
                                                                   placeholder="邮箱" name="email"/>
															<i class="ace-icon fa fa-envelope"></i>
														</span>
                                            </label>--%>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control"
                                                                   placeholder="用户名" name="userName"/>
															<i class="ace-icon fa fa-user"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" class="form-control"
                                                                   placeholder="密码" name="password" id="pwd"/>
															<i class="ace-icon fa fa-lock"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="password" class="form-control"
                                                                   placeholder="确认密码" name="repassword"
                                                            />
															<i class="ace-icon fa fa-retweet"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control"
                                                                   placeholder="机构名称" name="company"/>
															<i class="ace-icon fa fa-lock"></i>
														</span>
                                            </label>

                                            <label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control"
                                                                   placeholder="手机号" name="phone"/>
															<i class="ace-icon fa fa-retweet"></i>
														</span>
                                            </label>

                                            <%--<label class="block clearfix">--%>
                                            <%--<img id="shouquanBtn"--%>
                                            <%--src="${allServerPath}static/images/background/shouquan.png">--%>
                                            <%--</label>--%>

                                            <%--<label class="block">
                                                <input type="checkbox" class="ace"/>
														<span class="lbl">
															接受
															<a href="#">用户协议</a>
														</span>
                                            </label>--%>

                                            <%--<div class="space-24"></div>--%>

                                            <div class="clearfix">
                                                <button type="reset" class="width-30 pull-left btn btn-sm">
                                                    <i class="ace-icon fa fa-refresh"></i>
                                                    <span class="bigger-110">重置</span>
                                                </button>

                                                <button type="button"
                                                        class="width-65 pull-right btn btn-sm btn-danger"
                                                        id="btnSubmit">
                                                    <span class="bigger-110">注册</span>

                                                    <%--<i class="ace-icon fa fa-arrow-right icon-on-right"></i>--%>
                                                </button>

                                                <button style="margin-top: 10px;" type="button"
                                                        class="width-100 btn btn-sm btn-primary"
                                                        id="btnReturn">
                                                    <span class="bigger-110">返回登录</span>

                                                    <%--<i class="ace-icon fa fa-arrow-right icon-on-right"></i>--%>
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>

                                <%--<div class="toolbar center">--%>
                                <%--<a href="#" data-target="#login-box" class="back-to-login-link">--%>
                                <%--<i class="ace-icon fa fa-arrow-left"></i>--%>
                                <%--返回登录--%>
                                <%--</a>--%>
                                <%--</div>--%>
                            </div>
                            <!-- /.widget-body -->
                        </div>
                        <!-- /.signup-box -->
                    </div>
                    <!-- /.position-relative -->

                    <%--<div class="navbar-fixed-top align-right">--%>
                    <%--<br/>--%>
                    <%--&nbsp;--%>
                    <%--<a id="btn-login-dark" href="#">Dark</a>--%>
                    <%--&nbsp;--%>
                    <%--<span class="blue">/</span>--%>
                    <%--&nbsp;--%>
                    <%--<a id="btn-login-blur" href="#">Blur</a>--%>
                    <%--&nbsp;--%>
                    <%--<span class="blue">/</span>--%>
                    <%--&nbsp;--%>
                    <%--<a id="btn-login-light" href="#">Light</a>--%>
                    <%--&nbsp; &nbsp; &nbsp;--%>
                    <%--</div>--%>
                </div>
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.main-content -->
</div>
<!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script src="${allServerPath}static/js/jquery-2.1.4.min.js"></script>

<!-- <![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='${allServerPath}static/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="${allServerPath}static/js/common.js"></script>
<!-- inline scripts related to this page -->
<script src="${allServerPath}static/layui/layui/layui.js"></script>
<script src="${allServerPath}static/js/login/login.js" type="text/javascript"></script>
</body>
</html>
